<template>
	<view>
		<Header title="关闭刷脸服务" :showBack="true"></Header>
		<!-- <view :style="{'height':Height +'px'}" class="box">
			<image src="../../static/img/liucheng.png" mode="aspectFit"></image>
		</view> -->
		
		<view class="box">
			<view v-for="(item,index) in list">
				<view>{{item}}</view>
				<image src="../../static/img/jiantou.png" mode=""></image>
				<image  :src="baseUrl+'/images/img/img'+(index+1)+'.png'" mode="aspectFit"></image>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl:getApp().globalData.baseUrl,
				// Height:getApp().globalData.screenHeight - (getApp().globalData.statusBarHeight+64),
				list:[
					'打开 微信客户端->我->支付',
					'点击右上角 ···',
					'点击扣费服务',// '点击实名认证',
					'点击校园刷脸服务',// '点击人脸识别',
					'点击关闭扣费服务'
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less"  scoped>
.box{
	width: 95%;
	margin: 10px auto 0;
	background-color: #FFFFFF;
	border-radius: 12upx;
	padding: 40upx 0;
	box-sizing: border-box;
	>view{
		text-align: center;
		>view{
			width: 90%;
			height: 100upx;
			background: #49b9ad;
			margin: 0 auto;
			color: #FFFFFF;
			border-radius: 10upx;
			line-height: 100upx;
			font-size: 32upx;
		}
		>image:nth-child(2){
			width: 50upx;
			height: 50upx;
			margin: 20upx;
		}
		>image:nth-child(3){
			width: 653upx;
			height: 1162upx;
			margin-bottom: 50upx;
		}
	}
}
</style>
